<template>
  <div class="index">
    <div>
      <div>welcome to my site!</div>
      <div>click some button to get start!</div>
    </div>
  </div>
</template>
<script>
  export default {
    name: 'home',
    methods: {

    },
    mounted() {
    },
    data() {
      return {
      }
    },
    computed: {
    },
    watch: {
    },
  }
</script>

<style scoped>
  .index{
    position: relative;
    background-color: #fff;
    height: 100%;
    text-align: center;
  }
  .index>div{
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    color: #65aed8;
    text-shadow: 0 2px 2px #2870bc;
  }
  .index>div>div{
    font-size: 30px;
  }
</style>
